<template>
    <div class="top-bar">
      <div class="search-box">
        
      </div>
      <div class="actions">
        <Button icon="pi pi-bell" text rounded />
        <Button icon="pi pi-user" text rounded />
      </div>
    </div>
  </template>
  
  <script setup>
  import InputText from 'primevue/inputtext'
  import Button from 'primevue/button'
  
  </script>
  
  <style scoped>
  .top-bar {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
  }
  
  .actions {
    display: flex;
    gap: 0.5rem;
  }
  </style>